<template>
  <div class="home">
    <!-- <HelloWorld msg="Welcome to Your Vue.js App" /> -->
    <el-container>
      <!-- <Header></Header> -->
      <el-header height="120px">Header</el-header>
      <el-container>
        <LeftMenu></LeftMenu>
        <el-container>
          <el-main>Main
            <router-link to="/About">去about</router-link>
            <router-view />
          </el-main>
          <el-footer height="100px">Footer</el-footer>
        </el-container>
      </el-container>
    </el-container>
  </div>
</template>

<script>
// @ is an alias to /src
// import HelloWorld from "@/components/HelloWorld.vue";
import LeftMenu from "../components/layout/LeftMenu";
// import Header from "../components/layout/Header";
export default {
  name: "Index",
  components: {
    // HelloWorld
    LeftMenu
    // Header
  }
};
</script>
